.app-user {
	background-color: #f0f0f0;
	height: 100%;

	// 头部
	.head {
		padding: 20px;
		background-color: white;
		position: relative;
		img {
			width: 80px;
			height: 80px;
			border-radius: 50%;
			border: 2px solid #4294ff;
		}
		.vip-ico {
			position: absolute;
			left: 70px;
			bottom: 45px;
			font-size: 36px;
			color: #fbbc05;
		}
		.right {
			justify-content: space-between;
			align-items: center;
			font-size: 16px;
			i {
				font-weight: bold;
			}
		}
	}
	// 动态
	.dynamic-box,
	.data-box-title {
		justify-content: space-between;
		align-items: center;
		padding: 5px;
		background-color: white;
		.title-text {
			i {
				font-size: 22px;
				color: #4294ff;
				vertical-align: middle;
			}
		}
		.num-box {
			i {
				font-weight: bold;
			}
		}
	}
	// 运动数据
	.data-box {
		background-color: white;
		.data-num-box {
			padding: 0 15px 20px;
			& > div {
				&:nth-child(1) {
					border-right: 1px dashed #ccc;
				}
				p {
					margin-top: 10px;
				}
			}
			.data-minute,
			.data-hot {
				font-size: 32px;
				color: #4294ff;
			}
		}
	}
	// 徽章
	.badge-box {
		background-color: white;
		.badges {
			justify-content: space-around;
			span {
				display: inline-block;
				// line-height: 80px;
				// margin-bottom: 15px;
				color: #999;
			}
			img {
				width: 80px;
				height: 80px;
				border-radius: 50%;
				object-fit: cover;
				margin-bottom: 2px;
			}
		}
	}
	// 退出登录
	.btn-out {
		line-height: 45px;
		width: 100%;
		background-color: white;
	}
}
